@charset "UTF-8";
.edit-kanban-modal {
    > .modal-header {
        h2 {
            margin: 0 0 5px;
        }

        > .base-tracker {
            margin: 0;
            font-size: 13px;

            > i {
                margin: 0 3px 0 0;
            }
        }
    }

    > .modal-body {
        max-height: 60vh;
        font-size: 13px;
        padding: 15px 15px 25px;

        > h3 {
            margin: 30px 0 10px;
            line-height: 30px;

            &:first-child {
                margin: 0 0 10px;
            }
        }

        .input-append {
            margin-bottom: 0;
        }

        > .kanban-configuration > label {
            font-size: 13px;
        }

        > .column-configuration {
            .angular-ui-tree-empty {
                display: none;
            }

            > ul.column-configuration-column-list {
                width: 100%;
                display: table;
                border-collapse: collapse;
                margin: 0;

                > li {
                    position: relative;
                    display: table-row;
                    background: none;

                    > div {
                        display: table-cell;
                        position: relative;

                        &.cancel-deletion {
                            > div {
                                position: absolute;
                                top: 0;
                                right: 0;
                                width: 400px;

                                .btn-small {
                                    position: relative;
                                    float: right;
                                    top: 2px;
                                }
                            }
                        }
                    }

                    .btn-small {
                        white-space: nowrap;
                        margin-left: 10px;

                        &.btn-link {
                            padding: 2px;
                        }
                    }

                    .input-append > input[type="text"] {
                        width: 150px;
                    }

                    &:first-child, &:last-child {
                        color: #888;

                        i {
                            margin: 0 2px 0 0;
                        }
                    }

                    &:first-child > div:before {
                        content: '↳';
                        display: inline-block;
                        -webkit-transform: rotate(90deg);
                        transform: rotate(90deg);
                        position: relative;
                        top: 3px;
                        left: 1px;
                        margin: 0 6px 0 0;
                    }

                    &:last-child > div:before {
                        content: '↳';
                        display: inline-block;
                        position: relative;
                        top: 0px;
                        left: 6px;
                        margin: 0 6px 0 0;
                    }

                    &.add-column > div {
                        padding: 3px 4px 8px;

                        .btn > i {
                            margin: 0 3px 0 0;
                        }
                    }

                    &.column {
                        > div:first-child {
                            padding: 4px 0 4px 7px;
                        }

                        &.draggable:not(.editing) {
                            cursor: move;

                            > div:first-child {
                                width: 100%;
                                padding: 4px 0 4px 22px;
                                background: url('drag.png') no-repeat 5px 8px;
                            }

                            &:hover {
                                background: #EEE;
                            }
                        }
                    }

                    &.editing > div {
                        padding: 4px 0 4px 15px;
                    }
                }
            }
        }
    }
}

ul.column-configuration-column-list.angular-ui-tree-drag {
    opacity: 1;

    > li {
        float: left;
        font-size: 13px;
        padding: 5px 7px 5px 22px;
        background: #FFFFFF url('drag.png') no-repeat 5px 9px;
        cursor: move;
        border-radius: 3px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
        white-space: nowrap;

        .btn-small {
            display: none;
        }
    }
}
